<!--
 * @description  : 市管-历史违规案件
 * @descriptionDetail: 市管-历史违规案件
 * @copyright    : 浙江烟草
 * @author       : sy
 * @create       : 2022-07-09 18:43:02
-->
<template>
  <view class="page">
    <!-- #ifdef H5-ONLY -->
    <theme-navbar
      :is-white="false"
      :title="navTitle"
      :custom-back="goBack"
      style="z-index: 99999"
    >
    </theme-navbar>
    <!-- #endif -->
    <me-table
      :i="0"
      :index="0"
      :top="0"
      :load-data="loadData"
      :init-load="true" 
      ref="mescrollItem0"
    > 
      <u-card
        :title="d.data.caseDate"
        title-color="#333"
        :sub-title="'案值:￥' + d.data.money"
        sub-title-color="#666"
        :sub-title-size="30"
        :head-style="headStyle"
        margin="20rpx"
        thumb="../../static/check/pending-approval.png"
        thumb-width="38"
        box-shadow="#e5e5e5 0px 0px 50px"
        slot-scope="d"
      >
        <view class="" slot="body">
          <u-row gutter="16">
            <u-col span="12">
              案发地点：{{ d.data.casePlace }}
            </u-col>
            <u-col span="12">
              涉嫌案由：{{ d.data.causeOfAction }}
            </u-col>
            <u-col span="12">
              当事人：{{ d.data.party }}
            </u-col>
          </u-row>
        </view>
      </u-card>
    </me-table>
  </view>
</template>

<script> 
import meTable from '@/components/me-table.vue'
import MescrollMoreMixin from "@/components/mescroll-uni/mixins/mescroll-more.js";
import checkService from "@/service/check/check.service"
export default {
  components: { 
    meTable,
  },
  mixins: [MescrollMoreMixin,],
  data() {
    return {
      background: {
        background: "#fff",
      },
      headStyle: {
        fontWeight: 600,
      },
      licNo: "",  // 零售户许可证号
    };
  },
  onLoad(options) {
    this.licNo = options.licNo;
  },
  methods: {
    loadData(page) {
      return checkService.caseList(page.num, page.size, {licNo: this.licNo,});
    },
  },
};
</script>

<style lang="scss" scoped>
@import "@/style/common/rightMenu.scss";
.content {
  background-color: #FFF;
}
/deep/ .u-tabbar__content__item__text {
  font-size: 15px;
}
</style>
